<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>乐享——生活乐分享</title>
<link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon">
<link href="style/base.css" rel="stylesheet" type="text/css" />
<script src="style/jquery.js" type="text/javascript" /></script>
<script src="style/code.js" type="text/javascript" /></script>
<link rel="stylesheet" href="style/help.css">
<link rel="stylesheet" href="style/scrollpane.css">
<script type="text/javascript" src="style/help/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="style/help/jquery.mousewheel.js"></script>
<script type="text/javascript" src="style/help/main.js"></script>
</head>

<body>
<!--header begin-->
<div id="header">
    	<div id="logo"></div>
        <div id="nav">
        	<ul>
            	<li><a href="index.html">首   页</a></li>
                <li><a href="exchange.html">享·物品</a></li>
                <li><a href="needs.html">享·需求</a></li>
                <li><a href="resources.html">享·资源</a></li>
                <li><a href="help.html">享·帮助</a></li>
            </ul>
        </div><!--nav end-->
  		<div id="sysmenu">
        	<div class="search">
            	<input type="search" class="search_text" style="left: 631px" autocomplete="off"/>
                <a href="#" class="search_button"></a>            </div>
            <div class="join">
                <a class="a-btn login" href="javascript:showDiv()">
        				<span class="a-btn-text">登录</span>
				</a>
                <a href="#" class="a-btn register " id="a-btn-register" >
                   <span class="a-btn-text">注册</span>
                </a>
            </div><!--join end-->
            <!--弹出登录层-->
            <div id="popDiv" class="mydiv" style="display:none;">
				<div class="login_1stLine"><b> 登录</b><a href="javascript:closeDiv()" class="login_close">关闭窗口</a></div>
                <div class="login_show">
                <h1 class="login_logo">乐享——生活乐分享！</h1>
                    <div class="login_info">
                    	<table>
                        	<tr>
                            	<td>用户名：</td>
                                <td><input type="text" id="userName" class="login_inputbox" /></td>
                            </tr>
                            <tr>
                            	<td>密&nbsp;&nbsp;&nbsp;码 ：</td>
                                <td><input type="password" id="userName" class="login_inputbox"  /></td>
                            </tr>
                            
                            <tr>
                            <td>&nbsp;</td>
                            </tr>
                            <tr>
                            	<td></td>
                                <td><a href="#" class="a-btn login_button"><span class="a-btn-text">登录</span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration:underline; font-size:12px;">忘记密码？</a></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div id="bg" class="bg" style="display:none;"></div>
         
            <iframe id='popIframe' class='popIframe' frameborder='0' ></iframe><!--弹出登录层结束-->
  		</div><!--sysmenu end-->
</div><!--header end-->
<!--wrap begin-->
<div id="wrap">
            <div class="container">
                <!-- 简介 -->
                <div id="profile" class="children">
                    <div class="title">
                        <img src="style/img/profile.png" alt="profile">
                    </div>
                    <div class="content">
                        <div class="about-me">
                            <h2>About LeXiang | 关于乐享</h2>
                            <p>童鞋，大学生活，精彩纷呈；四年的时光里，你或许为了装饰宿舍，买过花草，家居，玩具...或许为了健身，买过哑铃，篮球，跳绳...或许为了学习买过各种辅导书，学习资料，学习工具...时光荏苒，也许这些东西你用不到了，觉得"食之无味，弃之可惜"的话，那就来乐享吧！分享你的闲置物品，给需要的童鞋，说不定会有意想不到的惊喜！  当然，如果你是班委，手里有一些学习资料、课后习题答案、期末考试资源也可以分享给需要的同学，<strong>乐享</strong>的目的便在于此，独乐乐不如众乐乐。
面向在校大学生，提供一个分享资源、交换闲置物品的平台。
</p>
							<p>记住，分享是一种态度，一份快乐两个人分享，就变成了两份快乐，一份痛苦两个人分担，则变成一半的痛苦。分享，是心与心的交换；分享，是情与情的传递！分享，让我们从此多了一个世界，让我变成我们。总有一个人分享你的世界。</p>
                        </div>
                        <!--<div class="personal-info">
                            <h2>Personal info | 我们的资料</h2>
                            <ul>
                                <li>
                                    <label>School</label>
                                    <span>三江大学</span>
                                </li>
                                <li>
                                    <label>Workroom</label>
                                    <span>聚萤</span>
                                </li>
                                <li>
                                    <label>Address</label>
                                    <span>SJU NanJing</span>
                                </li>
                                <li>
                                    <label>Email</label>
                                    <span>sorrowhere@gmail.com<script type="text/javascript">
    /* <![CDATA[ */
    (function(){try{var s,a,i,j,r,c,l=document.getElementById("__cf_email__");a=l.className;if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
    /* ]]> */
    </script></span>
                                </li>
                                <li>
                                    <label>Website</label>
                                    <span><a href="http://kayosite.com/" target="_blank">kayosite.com</a></span>
                                </li>
                                
                            </ul>
                        </div>-->
                    </div>
                </div>
                <div id="skills" class="children">
                    <div class="title">
                        <img src="style/img/Guide.png" alt="skills">					
                    </div>
                    <div class="content">
                        <div class="skill">
                            <ul>
                                <li id="skill-html"><span>HTML5/XHTML</span></li>
                                <li id="skill-css"><span>CSS2/CSS3</span></li>
                                <li id="skill-jquery"><span>jQuery</span></li>
                                <li id="skill-ajax"><span>Ajax</span></li>
                                <li id="skill-dom"><span>DOM</span></li>
                                <li id="skill-php"><span>PHP</span></li>
                                <li id="skill-sql"><span>SQL</span></li>
                                <li id="skill-seo"><span>SEO</span></li>
                            </ul>
                            <span class="skill-title">Web 开发</span>
                        </div>
                        <div class="skill">
                            <ul>
                                <li id="skill-c"><span>C</span></li>
                                <li id="skill-ps"><span>Photoshop</span></li>
                            </ul>
                            <span class="skill-title">其他</span>
                        </div>
                    </div>
                </div>
                <div id="experience" class="children">
                    <div class="title">
                        <img src="style/img/experience.png" alt="expect">					
                    </div>
                    <div class="content">
                        <div class="experience">
                            <h2>踏上前端之路</h2>
                            <p>大一的时候同时加入学院学生会与学校学生会，认识了一班给力的师兄师姐与同事，在各项工作中不断提升，还接触了网页前端，由此开始了不愿停息的前端之路，在这里衷心感谢各位！</p>
                        </div>
                        <div class="expect">
                            <h2>为之奋斗的事</h2>
                            <p>现在最期待的工作，便是成为一名前端工程师，熟悉前端技术，了解产品设计，也会后台知识，懂得用户体验，我希望做的，就是这样的一位前端人，然后能加入一个富有创造力和激情的团队，与一同热爱前端的人共同合作。</p>
                        </div>
                    </div>
                </div>
                <div id="works" class="children">
                    <div class="title">
                        <img src="style/img/works.png" alt="works">					
                    </div>
                    <div class="content">
                        <div tabindex="0" style="overflow: hidden; padding: 0px; width: 675px;" class="works-list jspScrollable">
                            
                            
                            
                            
                            
                        <div style="width: 675px; height: 445px;" class="jspContainer"><div style="padding: 0px; width: 659px; top: 0px;" class="jspPane"><div id="work-ltts" class="work">
                                <div class="work-info">
                                    <h3><a href="http://ltts.me/" target="_blank">网站 轻图床</a></h3>
                                    <p>PHP 写的图床程序，设计这图床的初衷是因为自己喜欢用图片记录下生活的点滴，还有收藏喜欢的图片，整站设计，后台，前端独立完成。</p>						
                                </div>
                                <a href="http://ltts.me/" target="_blank"><img src="About%20Kayo_files/ltts.png" alt="轻图床首页"></a>
                            </div><div id="work-ltts-mobile" class="work">
                                <div class="work-info">
                                    <h3><a href="http://ltts.me/mobile" target="_blank">网站 轻图床 - 移动版</a></h3>
                                    <p>轻图床的移动版，面向对象编写的 PHP 后台， jQuery Mobile  驱动，响应式设计，适用于各种分辨率的 PC 、平板、手机。<br>在
    做轻图床移动版时，引入了很多原生 APP 的用户交互，比如滑动操作（滑动页面进行换页，滑动评论删除评论等），平滑切换（ Ajax 加上 CSS3
     
    的平滑翻页效果），比起传统的手机网页，这种页面能获得全新的用户体验。在现在触摸移动设备的配置每年都在翻一番的情况下，这种用户体验将会被越来越多设
    备支持。</p>
                                </div>
                                <a href="http://ltts.me/mobile" target="_blank"><img src="About%20Kayo_files/ltts-mobile.png" alt="轻图床移动版首页"></a>
                            </div><div id="work-doit" class="work">
                                <div class="work-info">
                                    <h3><a href="http://kayosite.com/doit" target="_blank">Web App &amp; 原生apk - Do.It</a></h3>
                                    <p>备忘 App ，HTML5 （离线使用， Web SQL database ）驱动，新事项默认添加到”今天“，若不完成事项则事项会越来越多，所以今天的事情要今天完成噢！另外还做了 apk 版，欢迎到安卓市场或机锋市场下载。<br>与轻图床的移动版本相似，这款 Web APP 也引入了原生 APP 的用户交互，希望获得全新的用户体验。</p>						
                                </div>
                                <a href="http://kayosite.com/doit" target="_blank"><img src="About%20Kayo_files/doit.png" alt="Do.It"></a>
                            </div><div id="work-huoli" class="work">
                                <div class="work-info">
                                    <h3><a href="http://www.133.cn/" target="_blank">页面重构 - 北京市活力天汇科技有限公司官网</a></h3>
                                    <p>首次网页重构的作品，按 Web 标准重构了该公司的官网，改进网站布局，seo ，用户体验。在与产品经理和后台程序员讨论的过程中更让我接触到产品管理和后台维护的知识，获益不少。</p>						
                                </div>
                                <a href="http://www.133.cn/" target="_blank"><img src="About%20Kayo_files/huoli.png" alt="北京市活力天汇科技有限公司官网"></a>
                            </div><div id="work-appfans" class="work">
                                <div class="work-info">
                                    <h3>前端 - APP粉丝网</h3>
                                    <p>首次网页作品，负责前端设计和开发，后台采用 WordPress ，这次的前端开发让我真正掌握 Web 标准的布局技巧，可惜因为时间已久，这一版的网站已经不在了。</p>						
                                </div>
                                <img src="About%20Kayo_files/appfans.png" alt="APP粉丝网">
                            </div></div><div class="jspVerticalBar"><div class="jspCap jspCapTop"></div><div style="height: 445px;" class="jspTrack"><div style="height: 112px;" class="jspDrag"><div class="jspDragTop"></div><div class="jspDragBottom"></div></div></div><div class="jspCap jspCapBottom"></div></div></div></div>
                    </div>
                </div>
                <div id="contact" class="children">
                    <div class="title">
                        <img src="style/img/contact.png" alt="contact">					
                    </div>
                    <div class="content">
                    	<div class="about-me">
                            <h2>About Us | 关于我们</h2>
                            <p>一群有理想、有抱负、有活力的大学生在一起组建了“聚萤工作室”。我们团结进取，利用大学闲暇时间，学习PHP和前端，致力于设计&amp;开发 各种类型的网站。希望凭借自己的力量，不断开发出优秀的网页，发挥自己的光和热。</p>
                        </div>
                         <div class="personal-info">
                            <h2>Personal info | 我们的资料</h2>
                            <ul>
                                <li>
                                    <label>School</label>
                                    <span>三江大学</span>
                                </li>
                                <li>
                                    <label>Workroom</label>
                                    <span>聚萤</span>
                                </li>
                                <li>
                                    <label>Address</label>
                                    <span>SJU NanJing</span>
                                </li>
                                <li>
                                    <label>Email</label>
                                    <span>sorrowhere@gmail.com</span>
                                </li>
                                <li>
                                    <label>Website</label>
                                    <span><a href="http://kayosite.com/" target="_blank">kayosite.com</a></span>
                                </li>
                                
                            
                             <h2>Contact Me | 联系我们</h2>
                             <li>
                             	<label>Email</label>
                                <span>330956999@qq.com</span>
                             </li>
                             <li> 
                            	<label>Blog</label>
                                <span><a href="http://weibo.com/2764018280">http://weibo.com/2764018280</a></span>
                              </li>
                           </ul>
                        </div>
                       <!-- <div class="contact-me">
                           
                        </div>
                       <div class="my-sns">
                            <h2>SNS | 社交网络</h2>
                            <div class="sns-item">
                                <img src="About%20Kayo_files/blog.png" alt="blog">
                                <span class="sns-title">Blog</span>
                                <span class="sns-link"><a href="http://kayosite.com/" target="_blank">http://kayosite.com/</a></span>
                            </div>
                            <div class="sns-item">
                                <img src="About%20Kayo_files/sina.png" alt="新浪微博">
                                <span class="sns-title">Sina Microblog</span>
                                <span class="sns-link"><a href="http://weibo.com/kayo5994" target="_blank">http://weibo.com/kayo5994</a></span>
                            </div>
                            <div class="sns-item">
                                <img src="About%20Kayo_files/tencent.png" alt="腾讯微博">
                                <span class="sns-title">Tencent Microblog</span>
                                <span class="sns-link"><a href="http://t.qq.com/kayo5994" target="_blank">http://t.qq.com/kayo5994</a></span>
                            </div>
                            <div class="sns-item">
                                <img src="About%20Kayo_files/twitter.png" alt="twitter">
                                <span class="sns-title">Twitter</span>
                                <span class="sns-link"><a href="https://twitter.com/#%21/kayo5994" target="_blank">https://twitter.com/#!/kayo5994</a></span>
                            </div>-->
                        </div>
                    </div>
                </div>
            </div>
</div><!--wrap end-->


<div id="footer">
	<p class="p1">Copyright &copy;2011 聚萤工作室.                  All Rights Reserved. </p>
</div>

</body>
</html>
